<!-- 我的弹窗 -->

<template>
  <div class="Monitor-MyModal">
    <WebModal path="video" :title="video_one.deviceName" :width="542" noFooter>
      <Video class="Monitor-MyModal-Video" />
    </WebModal>

    <WebModal path="door" title="设备详情" noCancel small>
      <Door class="Monitor-MyModal-Door" />

      <!-- <template #footer>
        <BtnPrimary title="查看资产台账" />
      </template> -->
    </WebModal>

    <WebModal path="park" title="设备详情" noCancel small>
      <Park class="Monitor-MyModal-Park" />

      <!-- <template #footer>
        <BtnPrimary title="查看资产台账" />
      </template> -->
    </WebModal>

    <WebModal path="alarm" title="通道详情" modalClass="auto-modal">
      <img src="@screen/assets/img/Monitor/detail_alarm.png" />
    </WebModal>

    <WebModal path="air" title="空调详情" noCancel small>
      <Air class="Monitor-MyModal-Air" />

      <!-- <template #footer>
        <BtnPrimary title="查看资产台账" />
      </template> -->
    </WebModal>

    <WebModal path="light" title="照明详情" noCancel small>
      <Light class="Monitor-MyModal-Light" />

      <!-- <template #footer>
        <BtnPrimary title="查看资产台账" />
      </template> -->
    </WebModal>

    <WebModal path="water" title="给排水详情" noCancel small>
      <Water class="Monitor-MyModal-Water" />

      <!-- <template #footer>
        <BtnPrimary title="查看资产台账" />
      </template> -->
    </WebModal>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyModal',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb('video', 'video_')],

  /**
   * 组件导入 (Abc.vue + Abc/index.vue)
   */
  ...CORE.components(require.context('./', true, /vue$/)),
}
</script>

<style lang="scss">
@import './index.scss';
</style>
